<template>
  <div class="container">
    <!-- 如果你想获取原生事件事件对象 -->
    <!-- 如果绑定事函数 fn fn(e){ // e 就是事件对象 } -->
    <!-- 如果绑定的是js表达式  此时提供一个默认的变量 $event -->
    <h1 @click="$event.target.style.color='red'">父组件 {{ count }}</h1>
    <hr>
    <!-- 如果你想获取自定义事件  -->
    <!-- 如果绑定事函数 fn fn(data){ // data 触发自定义事件的传参 } -->
    <!-- 如果绑定的是js表达式  此时 $event代表触发自定义事件的传参 -->
    <!-- <Son :modelValue="count" @update:modelValue="count=$event" /> -->
    <Son1 v-model="count"/>
  </div>
</template>

<script>
import {ref} from 'vue'
import Son1 from './Son1.vue'

export default {
  name: "Part3",
  components: {
    Son1
  },
  setup() {
    const count = ref(10)
    return {count}
  }
}
</script>

<style scoped>

</style>
